<link rel="stylesheet" href="../src/css/pages/adwords.css">
<!-- <section>
    <ol class="breadcrumb">
        <li>{{i18n-resourceManage}}</li>
        <li class="active">{{i18n-adWordsManage}}</li>
    </ol>
</section> -->
<div class="fmp-container">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12" style="margin-top: 20px;margin-bottom: 20px;">
                <div class="col-md-2">
                    <a id="btnCreate" class="btn btn-default">{{i18n-createAdWords}}</a>
                </div>
                <div class="col-md-offset-3 col-md-3 select-app">
                    <select name="app" style="width:100%" class="select2 app-area">
                        <option value="-1">{{i18n-selectApp}}</option>
                    </select>
                </div>
                <div class="col-md-3 select-language">
                    <select name="language" style="width:100%" class="select2 language-area">
                        <option value="-1">{{i18n-selectLanguage}}</option>
                    </select>
                </div>
                <div class="col-md-1">
                    <a id="searchAction" href="javascript:void(0)" class="btn btn-primary" style="margin-left:10px;">
                        <i class="fa fa-search"></i> {{i18n-search}}
                    </a>
                </div>
            </div>
            <!--列表：开始-->
            <div class="col-sm-12 pt30">
                <table list-manager="listAdwordsByTags" class="adwords-list">
                    <thead>
                        <tr>
                            <th width="55" th-name="order">{{i18n-order}}</th>
                            <th th-name="adwords">{{i18n-adWords}}</th>
                            <th width="70" th-name="action">{{i18n-opt}}</th>
                        </tr>
                    </thead>
                    <tbody id="grid">
                    </tbody>
                </table>
            </div>
            <!--列表：结束-->
        </div>
    </div>
</div>
<div id="adwords-dialog" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{{i18n-confirm}}</h4>
            </div>
            <div class="modal-body">
                <p>{{i18n-delConfirm}}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default deleteAdwordBtn" data-dismiss="modal">{{i18n-ok}}</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalCreate" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h5 class="modal-title" id="exampleModalLabel">{{i18n-createAdWords}}</h5>
            </div>
            <div class="modal-body">
                <form id="myForm" class="form-horizontal" novalidate>
                    <fieldset>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{{i18n-App}}</label>
                            <div class="col-md-10 select-app">
                                <select style="width:100%" class="select2 app-area">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{{i18n-Language}}</label>
                            <div class="col-md-10 select-language">
                                <select style="width:100%" class="select2 language-area">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{{i18n-texts}}</label>
                            <div class="col-md-10 textarea">
                                <div class="set-fields form-inline">
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="brand">品牌</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="description">简介</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="current_price">当前价格</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="custom_label_0">自定义标签0</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="custom_label_1">自定义标签1</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="custom_label_2">自定义标签2</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="custom_label_3">自定义标签3</button>-->
                                     <!--<button type="button" class="btn btn-default btn-xs set-field" data-val="custom_label_4">自定义标签4</button>-->
                                </div>
                                <div class="ndp-field-wrapper adwords-textarea"></div>
                                <textarea class="form-control textarea-fixed-width hidden" name="adWords" maxlength="300" rows="3" placeholder="{{i18n-inputAdword}}" autofocus></textarea>
                                <span class="stringNumber hidden">{{i18n-maxlength300}}</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{{i18n-comment}}</label>
                            <div class="col-md-10 textarea">
                                <textarea class="form-control textarea-fixed-width" name="remark" maxlength="50" rows="3" placeholder="{{i18n-inputComment}}"></textarea>
                                <span class="stringNumber">{{i18n-maxlength50}}</span>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <div class="pull-right">
                    <div class="text-left">
                        <button class="btn btn-primary submitAndContinue " type="button">
                            <!--<i class="fa fa-save"></i>-->
                            {{i18n-submit}}
                        </button>
                        <button class="btn btn-primary submitForm " type="button">
                            <!--<i class="fa fa-save"></i>-->
                            {{i18n-finish}}
                        </button>
                        <button class="btn btn-default goBack" type="button" data-dismiss="modal">
                            <!--<i class="fa fa-reply"></i>-->
                            {{i18n-cancel}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
